<!doctype html>
<html lang="en">
  <head>
    <th:block th:include="include :: desk-header" />
  </head>

  <body>

  <th:block th:include="include :: desk-top" />

    <div class="container-fluid">
      <div class="row">

        <th:block th:include="include :: desk-menu" />

        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
          <h1 class="page-header">Dashboard</h1>

          <div class="row">

            <form class="form-horizontal">
              <div class="form-group">
                <label class="col-sm-2 control-label">账号</label>
                <div class="col-sm-10">
                  <p class="form-control-static" th:text="${userAccount}">email@example.com</p> <a href="javascript:;" onclick="editpwd();" title="修改密码"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span></a>
                </div>
              </div>
              <div class="form-group">
                <label class="col-sm-2 control-label">姓名</label>
                <div class="col-sm-10">
                  <p class="form-control-static" th:text="${userName}">email@example.com</p>
                </div>
              </div>
              <div class="form-group">
                <label class="col-sm-2 control-label">角色</label>
                <div class="col-sm-10">
                  <p class="form-control-static" th:text="${userRole}">email@example.com</p>
                </div>
              </div>
              <div class="form-group">
                <label class="col-sm-2 control-label">权限</label>
                <div class="col-sm-10">
                  <p class="form-control-static" th:text="${userPerm}">email@example.com</p>
                </div>
              </div>
            </form>

          </div>


        </div>
      </div>
    </div>

    <th:block th:include="include :: desk-footer" />

  <script>

    function editpwd(){
      layer.open({
        type: 2, // page 层类型
        area: ['500px', '400px'],
        title: '修改密码',
        shade: 0.6, // 遮罩透明度
        shadeClose: true, // 点击遮罩区域，关闭弹层
        maxmin: true, // 允许全屏最小化
        anim: 0, // 0-6 的动画形式，-1 不开启
        content: "/user/editpwd"
      });
    }

    function closeall(){
      layer.closeAll();
    }
  </script>


  </body>
</html>
